<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />	
		<title>蓝景培训</title>
		<link rel="stylesheet" href="css/bootstrap/bootstrap.css" />
		<link rel="stylesheet" href="css/train.css" />

	</head>
	<body>
		<header>
			<!--导航-->
     		<nav>
     			<div class="container">
     				<div class="row">
     					<div class="col-lg-1 col-md-2 hidden-sm col-xs-6 nav-items">
     						<div class="dropdown">
	     						<a id="dLabel" data-target="#" href="index.html" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
	     							HOME    						
								    <span class="caret hidden-lg hidden-md"></span>
								</a>								
								<ul class="dropdown-menu hidden-lg hidden-md" aria-labelledby="dLabel">
								   	<li>
								   		<a href="index.html">蓝景技术</a>
								   	</li>
								   	<li>
								   		<a href="train.html">蓝景营销</a>
								   	</li>
								   	<li>
								   		<a href="publicity.html">蓝景培训</a>
								   	</li>
								</ul>
							</div>
     					</div>
     					<div class="col-lg-1 col-md-2 col-sm-3 hidden-xs col-lg-push-4 col-md-push-2 col-sm-push-1 nav-items">
     						<a href="index.html">蓝景技术</a>
     					</div>
     					<div class="col-lg-1 col-md-2 col-sm-3 hidden-xs col-lg-push-4 col-md-push-2 col-sm-push-1 nav-items">
     						<a href="train.html">蓝景营销</a>
     					</div>
     					<div class="col-lg-1 col-md-2 col-sm-3 hidden-xs col-lg-push-4 col-md-push-2 col-sm-push-1 nav-items">
     						<a href="publicity.html">蓝景培训</a>
     					</div>
     					<div class="col-lg-1 col-md-2 col-sm-3 col-xs-6 col-lg-push-4 col-md-push-2 col-sm-push-1 nav-items logo">
     						<a href="index.html">
     							<img src="img/train_img/logo_01.png" alt=""/>
     						</a>
     					</div>
     				</div>
     			</div>
     		</nav>
     		<!--头部文字-->
     		<div class="container paragraph">
     			<div class="row">
     				<div class="col-xs-12">
     					<p>network marketing</p>
     					<h4>蓝景网络传播</h4>
     					<p>拥有多年的网络传播经验，从方案策划—创意执行—<br />媒体采购—内容合作—明星街拍—微电影制作，为客<br />户提供多元化的合作服务。</p>
     				</div>
     			</div>
     		</div>
		</header>
		<!--蓝景营销...-->
		<section class="spread">
			<div class="container">
				<div class="row">
					<div class="col-xs-12">
						<p>Core competence</p>
						<h4>蓝景传播 - 六度营销</h4>
						<ul>
							<li><span>互联网传播策划</span></li>
							<li><span>微电影、视频拍摄</span></li>
							<li><span>创意互动、设计、建网站解决方案手机端程序</span></li>
							<li><span>IP合作、内容营销、KOL约稿</span></li>
							<li><span>明星私服街拍、机场街拍</span></li>
							<li><span>网络媒介采购、非标资源谈判</span></li>
						</ul>
					</div>
				</div>
			</div>
		</section>
		<!--明星私服...-->
		<section class="star">
			<div class="container">
				<div class="col-lg-5 col-md-5 col-sm-12 star-img">
					<img src="img/train_img/stars_01.png" alt="" class="img-responsive"/>
				</div>
				<div class="col-lg-6 col-md-6 col-sm-12 col-lg-push-1 col-md-push-1 content">
					<p>core competence</p>
					<h4>明星私服、网红资源、明星街拍</h4>
					<p>国内外一线、二线明星私服、明星街拍，每月为客户提供<br />当下的热门明星街拍资源，让你的服装品牌瞬间爆红，冲<br />击电商爆款！</p>
					<h5>适用客户：</h5>
					<p>中小型的时尚服饰、化妆护肤品、快消日用品。</p>
				</div>
			</div>
			<div class="line"></div>
		</section>
		<!--IP合作...-->
		<section class="marketing">
			<div class="container">
				<div class="row title">
					<div class="col-xs-12">
						<p>core competence</p>
						<h4>IP合作、内容营销</h4>
						<p>网络大电影、热点IP的结合，是当下热门的营销手段，我们能帮你</p>
					</div>
				</div>
				<div class="row cards">
					<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 item-wrap">
						<div class="item">
							<div class="imgwrap">
								<img src="img/train_img/pic_01.jpg" alt=""  class="img-responsive"/>
							</div>
							<div class="icon-wrap icon-wrap-1">
								<img src="img/train_img/icon_01.png" alt="" />
							</div>
							<p>打造品牌IP大事件</p>
						</div>
					</div>
					<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 item-wrap">
						<div class="item">
							<div class="imgwrap">
								<img src="img/train_img/pic_02.jpg" alt=""  class="img-responsive"/>
							</div>
							<div class="icon-wrap icon-wrap-2">
								<img src="img/train_img/icon_02.png" alt="" />
							</div>
							<p>微电影拍摄tvc拍摄</p>
						</div>
					</div>
					<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 item-wrap">
						<div class="item">
							<div class="imgwrap">
								<img src="img/train_img/pic_03.jpg" alt=""  class="img-responsive"/>
							</div>
							<div class="icon-wrap icon-wrap-3">
								<img src="img/train_img/icon_03.png" alt="" />
							</div>
							<p>打造话题大事件</p>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--合作企业-->
		<section class="block-group">
			<div class="container">
				<div class="row">
					<div class="col-lg-4 col-md-4  col-sm-6 col-xs-6">
						<div class="block block-1">
							<img src="img/train_img/icon_04.png" alt="" />
							<h6>合作企业</h6>
						</div>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">
						<div class="block block-2">
							<img src="img/train_img/icon_05.png" alt="" />
							<h6>合作企业</h6>
						</div>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">
						<div class="block block-3">
							<img src="img/train_img/icon_06.png" alt="" />
							<h6>合作企业</h6>
						</div>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">
						<div class="block block-4">
							<img src="img/train_img/icon_07.png" alt="" />
							<h6>合作企业</h6>
						</div>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">
						<div class="block block-5">
							<img src="img/train_img/icon_08.png" alt="" />
							<h6>合作企业</h6>
						</div>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">
						<div class="block block-6">
							<img src="img/train_img/icon_09.png" alt="" />
							<h6>合作企业</h6>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--媒介资源采购-->
		<section class="media-buying">
			<!--上半部分-->
			<div class="container">
				<div class="row">
					<div class="col-lg-12 col-md-12 col-sm-12">
						<div class="title">
							<p>media resource purchasing</p>
							<h4>媒介资源采购</h4>
							<p>网络主流媒体、优质媒体的资源采购 标准资源&非标资源的谈判<br />内容策划、结合，数据监测等媒介工作</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-4 col-md-6 col-sm-6">
						<div class="media-item ">
							<h4>2.3<sup>亿</sup></h4>
							<p>移动端独立用户数据</p>
						</div>
					</div>
					<div class="col-lg-4 col-md-6 col-sm-6">
						<div class="media-item">
							<h4>140,000<sup>+</sup></h4>
							<p>移动媒体应用联盟资源</p>
						</div>	
					</div>
					<div class="col-lg-4 col-md-6 col-sm-6">
						<div class="media-item">
							<h4>70<sup>+</sup></h4>
							<p>移动媒体应用联盟资源</p>
						</div>	
					</div>
				</div>
				
			</div>
			<!--下半部分-->
			<div class="container last-part one">
				<div class="row">
					<div class="col-xs-12">
						<p>特别媒体</p>
					</div>
				</div>
			</div>	
			<div class="item-group two">
				<div class="item">
					<img src="img/train_img/footIcon_01.png" alt="" />
				</div>

				<div class="item">
					<img src="img/train_img/footIcon_02.png" alt="" />
				</div>
	

				<div class="item">
					<img src="img/train_img/footIcon_03.png" alt="" />
				</div>

		
				<div class="item">
					<img src="img/train_img/footIcon_04.png" alt="" />
				</div>
		
				<div class="item">
					<img src="img/train_img/footIcon_05.png" alt="" />
				</div>				
			</div>
			<div class="container last-part three">
				<div class="row">
					<div class="col-xs-12">
						<p>优质媒体</p>
					</div>
				</div>
			</div>
			<div class="item-group four">
				<div class="item">
					<img src="img/train_img/footIcon_01.png" alt="" />
				</div>

				<div class="item">
					<img src="img/train_img/footIcon_03.png" alt="" />
				</div>
	

				<div class="item">
					<img src="img/train_img/footIcon_03.png" alt="" />
				</div>

		
				<div class="item">
					<img src="img/train_img/footIcon_04.png" alt="" />
				</div>
		
				<div class="item">
					<img src="img/train_img/footIcon_05.png" alt="" />
				</div>				
			</div>
			<div class="container last-part five">
				<div class="row">
					<div class="col-xs-12">
						<p>强势媒体</p>
					</div>
				</div>
			</div>
			<div class="item-group six">
				<div class="item">
					<img src="img/train_img/footIcon_01.png" alt="" />
				</div>

				<div class="item">
					<img src="img/train_img/footIcon_03.png" alt="" />
				</div>
	

				<div class="item">
					<img src="img/train_img/footIcon_03.png" alt="" />
				</div>

		
				<div class="item">
					<img src="img/train_img/footIcon_04.png" alt="" />
				</div>
		
				<div class="item">
					<img src="img/train_img/footIcon_05.png" alt="" />
				</div>	
				
				<div class="item">
					<img src="img/train_img/footIcon_04.png" alt="" />
				</div>
		
				<div class="item">
					<img src="img/train_img/footIcon_05.png" alt="" />
				</div>
			</div>
			<div class="container last-part seven">
				<div class="row">
					<div class="col-xs-12">
						<p>广泛媒体</p>
					</div>
				</div>
			</div>
			<div class="item-group eight">
				<div class="item">
					<img src="img/train_img/footIcon_01.png" alt="" />
				</div>

				<div class="item">
					<img src="img/train_img/footIcon_03.png" alt="" />
				</div>
	

				<div class="item">
					<img src="img/train_img/footIcon_03.png" alt="" />
				</div>

		
				<div class="item">
					<img src="img/train_img/footIcon_04.png" alt="" />
				</div>
		
				<div class="item">
					<img src="img/train_img/footIcon_05.png" alt="" />
				</div>	
				
				<div class="item">
					<img src="img/train_img/footIcon_04.png" alt="" />
				</div>
		
				<div class="item">
					<img src="img/train_img/footIcon_05.png" alt="" />
				</div>
				<div class="item">
					<img src="img/train_img/footIcon_01.png" alt="" />
				</div>

				<div class="item">
					<img src="img/train_img/footIcon_03.png" alt="" />
				</div>
	

				<div class="item">
					<img src="img/train_img/footIcon_03.png" alt="" />
				</div>

		
				<div class="item">
					<img src="img/train_img/footIcon_04.png" alt="" />
				</div>
		
				<div class="item">
					<img src="img/train_img/footIcon_05.png" alt="" />
				</div>	
				
				<div class="item">
					<img src="img/train_img/footIcon_04.png" alt="" />
				</div>
		
				<div class="item">
					<img src="img/train_img/footIcon_05.png" alt="" />
				</div>
			</div>
		</section>
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/bootstrap.js"></script>
		<script>
			$('.dropdown-toggle').dropdown()
		</script>
	</body>
</html>
